<template>
	<view class="">
		<navigationBar :title="title" :btns="btns" :btn="btn" :i="i"></navigationBar>
		<view style="margin-top: 10rpx;">
			<uploadImg ref='gUpload' :mode="imgList" @chooseFile='chooseFile' @imgDelete='imgDelete' :control='control'
				:columnNum="columnNum"></uploadImg>
		</view>



	</view>
</template>

<script>
	import navigationBar from "@/components/navigation-bar/navigation-bar.vue" //导航栏
	import uploadImg from "@/components/xiaohuang-uploadImg/uploadImg.vue" //上传图片的组件
	export default {
		components: {
			navigationBar,
			uploadImg,
		},
		data() {
			return {
				control: true,
				columnNum: 4,
				imgList: [],
				title: '上传图片', //导航栏的标题
				btns: '下一步', //按钮内的文字
				btn: true, //右侧按钮的显示隐藏
				i: 2, //传入指定值，控制跳转的页面
			}
		},
		methods: {
			chooseFile(list, v) {
				console.log("上传图片_list：", list)
				console.log("上传图片_v：", v)
			},
			/*
			删除图片：
			list：删除返回删除后剩余的图片数组
			eq：返回删除的数组
			*/
			imgDelete(list, eq) {
				console.log("删除图片_list：", list)
				console.log("删除图片_eq：", eq)
			}
		}

	}
</script>

<style lang="scss">




</style>
